<%--
  Created by IntelliJ IDEA.
  User: admin
  Date: 2022/10/17
  Time: 14:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title></title>

</head>
<body>
<div class="container" style="background-color: white" >
    <!-- 头部-->
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">查看物料</h4>
    </div>
    <!-- 内容-->
    <div class="modal-body">
<%--物料--%>
    <form id="wlbiaohaoform">
        <input type="hidden" name="productid" id="wlbiaohao">
        <input type="hidden" name="residualamount" id="residualamountpojo">
    </form>
<%--    明细表--%>
        <form id="dddformmx">
            <input type="hidden" name="id" id="residualamountpojoid">
            <input type="hidden" name="designmoduletag" id="designmoduletagpojo">
            <input type="hidden" name="modulesubtotal" id="modulesubtotalpojo">
        <table style="margin-left:1061px">
            <tr height=20>
                <td bordercolorlight=#848284 bordercolordark=#eeeeee align=right>
                    <input type="button" class="btn btn-success" value="确定" onclick="dqzdsjjj()">
                </td>
            </tr>
            <table align=center class="TABLE_STYLE4">
<%--                <tr height=20 class="TR_STYLE1">--%>
<%--                    <td bordercolorlight=#848284 bordercolordark=#eeeeee align=right--%>
<%--                        class="TD_STYLE8" width="10%">工序单编号：--%>
<%--                    </td>--%>
<%--                    <td bordercolor=#DEDBD6 align=left class="TD_STYLE2" width="40%">--%>
<%--                        <input type="text" name="designid" readonly id="designiddpdq">&nbsp;--%>
<%--                    </td>--%>
<%--                    <td bordercolorlight=#848284 bordercolordark=#eeeeee align=right--%>
<%--                        class="TD_STYLE8" width="10%">登记人&nbsp;&nbsp;：--%>
<%--                    </td>--%>
<%--                    <td bordercolor=#DEDBD6 align=left class="TD_STYLE2" width="40%">--%>
<%--                        <input type="text" id="register2r" name="register" readonly >&nbsp;--%>
<%--                    </td>--%>
<%--                </tr>--%>
<%--                <tr height=20 class="TR_STYLE1">--%>
<%--                    <td bordercolorlight=#848284 bordercolordark=#eeeeee align=right--%>
<%--                        class="TD_STYLE8" width="20%">登记时间：--%>
<%--                    </td>--%>
<%--                    <td bordercolor=#DEDBD6 align=left class="TD_STYLE2" width="40%">--%>
<%--                        <input type="text" id="registertime2r" name="registertime" readonly--%>
<%--                               >--%>
<%--                        &nbsp;--%>
<%--                    </td>--%>
<%--                    <td bordercolorlight=#848284 bordercolordark=#eeeeee align=right--%>
<%--                        class="TD_STYLE8" width="15%">产品名称：--%>
<%--                    </td>--%>
<%--                    <td bordercolor=#DEDBD6 align=left class="TD_STYLE2" width="40%">--%>
<%--                        <input type="text" id="procedurename2p" name="procedurename" readonly>&nbsp;--%>
<%--                    </td>--%>
<%--                </tr>--%>
            </table>
            <table align=center class="TABLE_STYLE4">
                <tr height=20 class="TR_STYLE1">
                    <td align=center height=5 class="TD_STYLE5"><font size="4"><b>工序物料设计单</b></font>
                    </td>
                </tr>
            </table>
        </table>
        </form>
        <br><br>
                <table id="dptablesj" class="table table-striped table-bordered table-condensed table-hover">
                </table>
    </div>
    <input type="button" id="mcpaddwindel22" value="关闭" class="btn btn-danger col-md-2 col-md-offset-1">
</div>
<script>
        var id = ${param.id}
        var productid= '${param.productid}'
        <%--$(function () {--%>
        <%--    alert(id)--%>
        <%--    $.get("querymdpdservicebyidshow.action/"+${param.id}, function (data) {--%>
        <%--        $("#register2r").text(data.register)--%>
        <%--        $("#registertime2r").text(data.registertime)--%>
        <%--        $("#procedurename2p").text(data.procedurename)--%>
        <%--    }, "json")--%>
        <%--})--%>
            $("#dptablesj").bootstrapTable({
                url: 'querydModuleDetailsSbycpid.action',
                method: 'post',                      //请求方式（*）
                contentType: "application/x-www-form-urlencoded",
                striped: true,                      //是否显示行间隔色
                cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                pagination: true,                   //是否显示分页（*）
                sortable: true,                     //是否启用排序
                sortOrder: "asc",                   //排序方式
                sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
                pageSize: 5,                     //每页的记录行数（*）
                pageList: [5, 10, 25, 50, 100],        //可供选择的每页的行数（*）
                search: false,                      //是否显示表格搜索
                strictSearch: true,
                showColumns: true,                  //是否显示所有的列（选择显示的列）
                showRefresh: true,                  //是否显示刷新按钮
                minimumCountColumns: 0,             //最少允许的列数
                clickToSelect: true,                //是否启用点击选中行
                height: 400,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
                uniqueId: "id",                     //每一行的唯一标识，一般为主键列
                showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
                cardView: false,                    //是否显示详细视图
                detailView: false,                  //是否显示父子表
                showFooter: true,
                //得到查询的参数
                queryParams: function (params) {
                    //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                    var temp = {
                        pagesize: params.limit,                         //页面大小
                        pagenum: (params.offset / params.limit) + 1,   //页码
                        sort: params.sort,      //排序列名
                        sortOrder: params.order, //排位命令（desc，asc）
                        productid:${param.productid},
                        id:${param.id},
                    };
                    return temp;
                },
                columns: [
                    {
                        field: 'id',
                        title: '序号'
                    }, {
                        field: 'productName',
                        title: '物料名称'
                    }, {
                        field: 'productId',
                        title: '物料编号'
                    }, {
                        field: 'productDescribe',
                        title: '描述'
                    }
                    , {
                        field: 'amountUnil',
                        title: '单位'
                    }
                    , {
                        field: 'costPrice',
                        title: '单价（元）',
                        formatter: function (value, row, index) {
                            return "<input type='text' value='" + value + "' readonly style='border: none;outline: none;width:50px'>";
                        }
                    }, {
                        field: 'amount',
                        title: '本工序数量',
                        formatter: function (value, row, index) {
                            return "<input type='text' value='" + value + "' onchange='changenum22list(this)' >";
                        }
                    },
                    {
                        field: '',
                        title: '设计数量',
                        formatter: function (value, row, index) {
                            return "<input type='text' value='" + row.amount + "' readonly style='border: none;outline: none;width:50px'>";
                        }
                    },{
                        field: '',
                        title: '可用数量',
                        formatter: function (value, row, index) {
                            return "<input type='text' value='" + row.amount + "' readonly style='border: none;outline: none;width:50px'>";
                        }
                    }
                    , {
                        field: 'subtotal',
                        title: '小计（元）',
                        formatter: function (value, row, index) {
                            return "<input type='text' value='" + value + "' readonly style='border: none;outline: none;width:90px' >";
                        }
                        ,
                        footerFormatter: function (value) {
                            var count2 = 0;
                            for (var i in value) {
                                count2 += Number(value[i].subtotal)
                            }
                            $("#modulesubtotalpojo").val(count2)
                            return count2;
                        }
                    }]
            });

    //输入可用数，将可用数更新到表格中changenum22list
    function changenum22list(obj1) {
        //获取表格当前所有数据
        var arr2 = $("#dptablesj").bootstrapTable("getData");
        //获取当前输入的值
        var amount = Number($(obj1).val());
        //可用数量
        var kynum =Number($(obj1).parent().parent().find("input:eq(3)").val())
        if (kynum <amount) {
            $(obj1).parent().parent().find("input:eq(1)").val("0")
            alert("数量超出可用数量，请重新输入")
        } else if (kynum <= amount) {
            //获取当前操作行的id
            var id = $(obj1).parent().parent().find("td:eq(0)").text();
            $("#wlbiaohao").val(id)
            //单价

            //循环表格数据  和当前行id比较  相等  subtotal

            //数据加载到表格
            $("#dptablesj").bootstrapTable("load", arr2);
        }else {
            var reg2 = /^[0-9]*$/
            if (!reg2.test(amount)) {
                alert("请输入数字")
            }
        }
        var shu1 = $(obj1).parent().parent().find("input:eq(0)").val();
        //本工序数量
        var shu2 = $(obj1).parent().parent().find("input:eq(1)").val();
        //可用数量-本工序数量
        var dangqkysnum =Number(kynum)-Number(shu2)
        $("#residualamountpojo").val(dangqkysnum)
        //fuge可用数量
        $(obj1).parent().parent().find("input:eq(3)").val(dangqkysnum)
        var xj= Number(shu1) * Number(shu2)
        $(obj1).parent().parent().find("input:eq(4)").val(xj)
        $(arr2).each(function (index, item) {
            if (item.id == id) {
                item.amount = amount;
                item.subtotal = xj;
            }
        })
    }

    //确定
    function dqzdsjjj() {
      var shuzhi= Number(${param.sjshu})
      var id='${param.id}'
        $("#residualamountpojoid").val(id)
       if(shuzhi==0){
           //明细
        var arr = $("#dddformmx").serializeArray();
        var designProcedureDetails = {};
        $(arr).each(function (index, item) {
            designProcedureDetails[item.name] = item.value;
        })
           //明细子update
        var arr3= $("#dptablesj").bootstrapTable("getData");
           designProcedureDetails["detailss"] = arr3;
           console.log(designProcedureDetails)
        //mddm
           //当物料设计bengggshi
           $.ajax({
               url: "updateDModulesj.action",
               type: "post",
               data: JSON.stringify(designProcedureDetails),
               contentType: "application/json",
               dataType: "json",
               success: function (data) {
                   alert(data.msg)
                   if(data.cm==1){
                       //物料
                       var dataobj = $("#wlbiaohaoform").serializeArray();
                       var moduleDetails = {};
                       $(dataobj).each(function (index, item) {
                           moduleDetails[item.name] = item.value;
                       })
                       //可用数
                       $.ajax({
                           url: "updatemcDModulepojo.action",
                           type: "post",
                           data: JSON.stringify(moduleDetails),
                           contentType: "application/json",
                           dataType: "json",

                       })
                   }
               }
           })
        }else if(shuzhi==1){
           //update
           var arr = $("#dddformmx").serializeArray();
            //从表格获取组成明细数据
            var gminxishow2 = {};
            $(arr).each(function (index, item) {
                gminxishow2[item.name] = item.value;
            })
           var arr2 = $("#dptablesj").bootstrapTable("getData");
            gminxishow2["detailss"] = arr2;
            $.ajax({
                url: "updateDModulesj.action",
                type: "put",
                data: JSON.stringify(gminxishow2),
                contentType: "application/json",
                dataType: "json",
                success: function (data) {
                    alert(data.msg)
                    if(data.cm==1){
                        //物料
                        var dataobj = $("#wlbiaohaoform").serializeArray();
                        var obj = {};
                        $(dataobj).each(function (index, item) {
                            obj[item.name] = item.value;
                        })
                        //可用数
                        $.ajax({
                            url: "updatemcDModulepojo.action",
                            type: "put",
                            data: JSON.stringify(obj),
                            contentType: "application/json",
                            dataType: "json",

                        })
                    }
                }
            })
        }
    }

</script>

</body>
</html>
